div{display: -webkit-box;
    display: -moz-box;
    /*display: -ms-flexbox;*//*兼容IE浏览器的*/
    -webkit-box-orient: inline-axis;/*伸缩盒的内部流动方向*/
    /* -ms-flex-direction: row;*/
    /* display: flex;*/
    -webkit-box-pack: center;/*伸缩盒的分布方式排列*/
    -webkit-box-align: center;/*处理伸缩盒的额外空间*/
    -ms-flex-wrap: wrap;/*容器无法容纳时自动换行*/

}
p,.box2 div{width:150px;border: 1px solid #ccc;border-radius:5px;padding: 5px;margin: 5px;height: 200px;background: #1ba6d9;}
p:nth-child(1){

    -webkit-box-flex:1;
}
p:nth-child(2){

    -webkit-box-flex: 1;
}
.box2 div{background: #1b6d85}
.box2 div:nth-child(1){

    -webkit-box-flex:1;
}
.box2 div:nth-child(2){

    -webkit-box-flex: 1;
}
.box2 div:nth-child(3){

    -webkit-box-flex: 1;
}
.box2 .myvertical{display: block;background: #c4efff;border:none;}
.myvertical p{width: 100%;margin: 10px auto;background: #1ba6d9;height: 85px;}
